<div id="content">
    
    {{^setup}}
    <div id="filters">
        <div class="container">
            {{#filters}}
                <a 
                    id="{{id}}"
                    href="{{href}}" 
                    class="{{css}}"
                    {{#attributes}}
                        {{key}}="{{value}}"
                    {{/attributes}}
                >{{text}}</a>
            {{/filters}}
            <select id="filter">
                {{#filters}}
                    <option value="{{id}}">{{text}}</option>
                {{/filters}}
            </select>
        </div>
    </div>
    {{/setup}}
    
    <div id="issues">
        {{#setup}}
            <div class="issue">
                {{{form}}}
            </div>
        {{/setup}}
        {{^setup}}
            {{#issues}}
                <div 
                    class="issue" 
                    data-addresses="{{address}}"
                    data-titles="{{title}}"
                    data-votes="{{votes}}" 
                    data-contributions="{{contributions}}"
                    data-points="{{points}}"
                    data-authors="{{author.name}}"
                >
                    <a href="#" class="qr-code btn-qr" data-content="{{address}}"></a>
                    <div class="info">
                        <h4>
                            <a 
                               href="#" 
                               class="btn btn-xs btn-danger btn-close"
                               data-id="{{id}}"
                            >{{copy.close}}</a>
                            <a href="{{href}}" class="title">{{title}}</a>
                        </h4>
                        <span>
                            {{copy.posted_by}} <a href="{{author.href}}">{{author.name}}</a> 
                        </span>
                        <span>
                            {{copy.contribute_to}} 
                            <a href="#" class="btn-qr" data-content="{{address}}">{{address}}</a>
                        </span>
                    </div>
                    <div class="meta">
                        <div class="values row">
                            <div class="col-xs-4">
                                <span>{{votes}} <i>{{copy.votes}}</i></span>
                            </div>
                            <div class="col-xs-4">
                                <span>{{contributions}} <i>{{copy.contributions}}</i></span>
                            </div>
                            <div class="col-xs-4">
                                <span>{{points}} <i>{{copy.points}}</i></span>
                            </div>
                        </div>
                        <div class="actions">
                            <div class="details">{{{details}}}</div>
                            <a href="#" class="btn btn-details">{{copy.details}}</a>
                            <a href="#" class="btn btn-qr" data-content="{{address}}">
                                {{copy.address}}
                            </a>
                            <a href="#" class="btn btn-primary btn-share">{{copy.share}}</a>
                        </div>
                    </div>
                </div>
            {{/issues}}
            {{^issues}}
                <div class="issue"> 
                    <div class="alert alert-danger">
                        <p>NO ISSUES SET OR OPEN</p>
                    </div>
                </div>
            {{/issues}}
        {{/setup}}
    </div>
    <div id="footer">
        <div id="credits">{{{credits}}}</div>
        {{^setup}}
        <div id="total">{{copy.total_contributions}} {{total}}</div>
        {{/setup}}
    </div>
</div>

{{{modals}}}